#@head("设置我的密码")
#define main()
#end
<body>
	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">修改密码</div>
					<div class="layui-card-body" pad15>
						<div class="layui-form" lay-filter="layuiadmin-form-system-user">
							<div class="layui-form-item">
								<label class="layui-form-label">当前密码</label>
								<div class="layui-input-inline">
									<input type="password" name="oldPassword" lay-verify="required" lay-verType="tips" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">新密码</label>
								<div class="layui-input-inline">
									<input type="password" name="password" lay-verify="pass" lay-verType="tips" autocomplete="off" id="LAY_password" class="layui-input">
								</div>
								<div class="layui-form-mid layui-word-aux">6到16个字符</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">确认新密码</label>
								<div class="layui-input-inline">
									<input type="password" name="repassword" lay-verify="repass" lay-verType="tips" autocomplete="off" class="layui-input">
								</div>
							</div>
							<div class="layui-form-item">
								<div class="layui-input-block">
									<button class="layui-btn" lay-submit lay-filter="setmypass">确认修改</button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	#@layui()
	#define use()
		use(["index", "form"], function(){
			var $ = layui.$,
			form = layui.form,
			a = layui.admin;
			
			form.verify({
				pass: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
				repass: function(t) {
					if (t !== $("#LAY_password").val()) return "两次密码输入不一致"
				}
			}),
			form.on("submit(setmypass)", function(t) {
				a.req({
					url: layui.setter.base + "/system/user/modifyPwd",
					data: t.field,
					done: function(res){
						layer.msg(res.msg, {icon: 1,time: 1500}, function(){
							location.reload();
						});
					}
				});
			});
		})
	#end
</body>
</html>